<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/xiangxi.css">
    <link rel="stylesheet" href="./download (7)//font_3199640_swdn9em3wr8/iconfont.css">
</head>
<body>
    <div class="web">
        <div class="we">
            <!-- 顶部 -->
            <div class="shou">
                <div class="shoua">back</div>
                <div class="shoub">产品详细</div>
                <div class="iconfont s">&#xe600;</div>
            </div>
            <!-- 导航图片 -->
            <div class="tu">
                <img src="./images/图层5.png" alt="">
            </div>
            <!-- 购买栏 -->
            <div class="yuan">
                <div class="yuana">￥ 32</div>
                <div class="yuanb">购买</div>
            </div>
            <!-- 好评栏 -->
            <div class="box">
                <div class="boxa">
                   <div class="iconfont s">&#xe600;</div>
                   <div>好评度 <span> 99%</span></div>               
                </div>
                <div class="w">共605个评论></div>               
            </div>
            <!-- 商户店铺栏 -->
            <div class="si">
                <div class="sia">适用商户</div>
                <div class="sia">></div>
            </div>
            <!-- 店铺           -->
            <div class="dian">
                <div class="diana">
                    <div><img src="./images/体育西店.png" alt=""></div>
                    <div><img src="./images/昌岗店.png" alt=""></div>
                    <div><img src="./images/正佳店.png" alt=""></div>
                </div>
                <div class="dianb">
                    <div class="dianb1">
                        <div class="b2">万岁寿司（正佳店）</div>
                        <div class="iconfont b5">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;<span>10分</span></div>
                        <div class="b3">离你100m</div>
                        <div class="b4">查看详情 >></div>
                    </div>
                    <div class="dianb1">
                        <div class="b2">万岁寿司（正佳店）</div>
                        <div class="iconfont b5">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;<span>10分</span></div>
                        <div class="b3">离你100m</div>
                        <div class="b4">查看详情 >></div>
                    </div>
                    <div class="dianb1">
                        <div class="b2">万岁寿司（正佳店）</div>
                        <div class="iconfont b5">&#xe600;&#xe600;&#xe600;&#xe600;&#xe600;<span>10分</span></div>
                        <div class="b3">离你100m</div>
                        <div class="b4">查看详情 >></div>
                    </div>
                </div>
                <div class="dianc">
                    <div class="c">进入</div>
                    <div class="c">进入</div>
                    <div class="c">进入</div>
                </div>
            </div>
            <!-- 底部导航 -->
            <ul class="footer">
                <li class="footer_navs">
                  <a href="./手机端.html" target="black" class="iconfont s"
                    ><p>&#xe751;</p><span>首页</span></a
                  >
                </li>
                <li class="footer_navs">
                    <a href="./分类.html" class="iconfont"
                      ><p>&#xe611;</p><span>分类</span></a
                    >
                  </li>
                  <li class="footer_navs">
                    <a href="./发现.html" class="iconfont"
                      ><p>&#xe629;</p><span>发现</span></a
                    >
                  </li>
                  <li class="footer_navs">
                    <a href="./我的.html" class="iconfont"
                      ><p>&#xe601;</p><span>我的</span></a
                    >
                  </li>
                
              </ul>
        </div>
    </div>
</body>
</html>